<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子发票管理系统—电子发票管理</title>
<link href="../webjars/bootstrap/3.3.7-1/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="../static/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../static/jquery-easyui-1.5.5.3/themes/default/easyui.css" />
<link rel="stylesheet" href="../static/jquery-easyui-1.5.5.3/themes/icon.css" />
<script src="../static/jquery-easyui-1.5.5.3/jquery.min.js"></script>
<script src="../webjars/bootstrap/3.3.7-1/js/bootstrap.js"></script>
<script src="../static/layer-v3.1.1/layer/layer.js"></script>
<script src="../static/js/index.js"></script>
<script src="../static/jquery-easyui-1.5.5.3/jquery.easyui.min.js"></script>
<script src="../static/jquery-easyui-1.5.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	function fun_tc(){
		layer.confirm("你确定退出吗？", {
			btn:['确定', '取消']
		}, function(){ 
			window.location.href="../logout1";
			layer.msg("已退出", {icon: 1});
		});
	}
	$(function(){
		$("#t_user").datagrid({
			idField: 'id',
			title: '电子发票列表',
			width: '100%',
			fitColumns: true,
			striped: true,
			loadMsg: '数据正在加载...',
			rownumbers: true,
			url: 'list1',
			frozenColumns: [
				[
					{     
						field: 'ck',
						width: 50,
						checkbox: true
					}
				]
			],
			columns: [
				[
					{
						field: 'number',
						title: '发票号码',
						width: 100,
						align: 'center'
					},{
						field: 'code',
						title: '发票代码',
						width: 150,
						align: 'center'
					},{
						field: 'money',
						title: '金额',
						width: 150,
						align: 'center'
					},{
						field: 'date',
						title: '开票时间',
						width: 150,
						align: 'center'
					},{
						field: 'name',
						title: '报销人',
						width: 150,
						align: 'center'
					},{
						field: 'endDate',
						title: '报销时间',
						width: 150,
						align: 'center'
					},{
						field: 'Unit',
						title: '开票单位',
						width: 160,
						align: 'center',
						formatter: function(value, rec){ 
							return rec.lessee.name;
						}
					},{
						field: 'state',
						title: '状态',
						width: 150,
						align: 'center'
					}
				]
			],
			pagination: true,
			pageSize: 10,
			pageList: [3, 5, 10, 20, 25, 50],
			toolbar: [
				{
					text: '删除电子发票信息',
					iconCls: 'icon-remove',
					handler: function(){
						var arr = $('#t_user').datagrid('getSelections');
						if(arr.length <= 0){
							$.messager.show({
								title: '提示信息',
								msg: '至少选中一行记录进行删除！'
							});
						}else{
							//提示是否确认删除
							$.messager.confirm('提示信息', '确认删除'+arr.length+'条数据？', function(r){
								if(r){
									var ids = '';
									for(var i = 0; i < arr.length; i++){
										ids += arr[i].id + ',';
									}
									ids = ids.substring(0, ids.length-1);   //去掉最后一个，号
									
									$.post('delete', {ids: ids}, function(){
										//刷新数据表格
										$('#t_user').datagrid('reload');
										//清空IDfield
										$('#t_user').datagrid('unselectAll');
										//提示信息
										$.messager.show({
											title: '提示信息',
											msg: '操作成功！'
										});
									});
								}else{
									return ;
								}
							});
						}
					}
				}
			]
		});
		//查询
		$('#searchbtn').click(function(){
			$('#t_user').datagrid('load', serializeForm($('#mysearch').form()));
		});
		
		//清除查询
		$('#clearbtn').click(function(){
			//清空form表单
			$('#mysearch').form('clear');
			$("#t_user").datagrid('load', {});
		});
	});
	//js方法，序列化表单
	function serializeForm(form){
		var obj = {};
		$('#id').val("1");
		$.each(form.serializeArray(), function(index){
			if(obj[this['name']]){
				obj[this['name']] = obj[this['name']] + ',' + this['value'];
			}else{
				obj[this['name']] = this['value'];
			}
		});
		return obj;
	}
</script>
<style type="text/css">
	#ss{
		margin: 20px;
	}
	#home_1{
		background: white;
		width: 90%;
		margin: 30px auto;
		padding: 20px 35px;
	}
</style>
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top" id="nav" style="margin-bottom: 0px;">
		<div class="navbar-header" style="background: red;">
			<button type="button" class="navbar-toggle" data-toggle="collapse" style="background: #F8F8F8;" data-target="#menu">
	        	<span class="sr-only">展开导航</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span> 
	       </button>
			<a class="navbar-brand" id="logo" href="">电子发票管理系统</a>
		</div>
		
		<div class="collapse navbar-collapse" id="menu">
			<ul class="nav navbar-nav" id = "mytab">
				<li><a><span class="glyphicon glyphicon-list" id="dhl"></span></a></li>
			</ul>
			
			<ul class="nav navbar-nav navbar-right">
				<li><a href="../main1"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
				<li class="dropdown">
					<a href="" class="dropdown-toggle" data-toggle="dropdown">
						<span class="glyphicon glyphicon-user"></span>
						<span sec:authorize="hasRole('ROLE_SYSTEM')"> 开发者 </span>
						<span sec:authorize="!hasRole('ROLE_SYSTEM')" sec:authentication="principal.name"></span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu pull-right">
						<li onclick="fun_tc()"><a><span class="glyphicon glyphicon-log-out"></span>&emsp;安全退出</a></li>
					</ul>
				</li>
				<li><a></a></li>
				<li><a></a></li>
			</ul>
		</div>
	</nav>
	
	<div id="dhl1">
    	<p sec:authorize="hasRole('ROLE_ADMIN')" class="aaa"><a href="../lessee/add">注册租户</a></p>
    	<p sec:authorize="hasRole('ROLE_ADMIN')" class="aaa"><a href="../lesseeAdmin/update">修改密码</a></p>
    	<p sec:authorize="hasRole('ROLE_ADMIN')" class="aaa"><a href="../user/all">用户管理</a></p>
    	<p sec:authorize="hasRole('ROLE_ADMIN')" class="aaa" style="background: #000"><a style="color: white;">电子发票管理</a></p>
    	<p sec:authorize="hasRole('ROLE_ADMIN')" class="aaa"><a href="../accredit/findById">软件授权信息</a></p>
	</div>
	
	<div id="home">
		<div id="home_1">
			<ul class="breadcrumb">
				<li><span class="glyphicon glyphicon-home"></span>&emsp;当前位置：</li>
				<li><a class="active">电子发票管理</a></li>
			</ul>
			<div id="ss"> 
				<form id="mysearch" method="post">
					<input type="hidden" name = "id" id="id">
					<div class="col-md-3">
						<div class="input-group">
							<span class="input-group-addon">开票单位</span>
							<input type="text" class="form-control" name="unit" placeholder="开票单位">
						</div>
					</div>
					<div class="col-md-3">
						<div class="input-group">
							<span class="input-group-addon">发票代码</span>
							<input type="text" class="form-control" name="code" placeholder="发票代码">
						</div>
					</div>
					<div class="col-md-3">
						<div class="input-group">
							<span class="input-group-addon">报销人</span>
							<input type="text" class="form-control" name="name" placeholder="报销人">
						</div>
					</div>
					<div class="btn-group">
						<button id="searchbtn" class="btn btn-info"><span class="glyphicon glyphicon-search"></span> 查询</button>
						<button id="clearbtn" class="btn btn-info"><span class="glyphicon glyphicon-trash"></span> 清空</button>
					</div>
				</form>
			</div>
			<table id = "t_user"></table>
		</div>
	</div>
</body>
</html>